Expo CLI তে Debugging এবং Logging

Expo CLI হল একটি টুল যা React Native অ্যাপ্লিকেশন ডেভেলপমেন্টে ব্যবহৃত হয় এবং এটি ডেভেলপারদের জন্য একটি শক্তিশালী এবং ব্যবহার-বান্ধব পরিবেশ প্রদান করে। ডেভেলপাররা Expo CLI ব্যবহার করে অ্যাপ্লিকেশন তৈরি, চালনা এবং ত্রুটি সমাধান করতে পারেন। এখানে আমরা debugging এবং logging এর পদ্ধতিগুলি দেখে নেবো যেগুলি আপনাকে অ্যাপ্লিকেশন ডেভেলপমেন্টে সাহায্য করবে।

Expo CLI তে Debugging

Expo CLI তে debugging করার জন্য কিছু গুরুত্বপূর্ণ টুলস এবং পদ্ধতি রয়েছে:

১. Console Logs

Expo CLI তে debugging করার সবচেয়ে সহজ পদ্ধতি হল console.log() ব্যবহার করা। আপনি আপনার কোডের যেকোনো জায়গায় console.log() ব্যবহার করে ভ্যালু এবং ভেরিয়েবলগুলো চেক করতে পারেন। এটি একটি খুব সাধারণ এবং কার্যকর পদ্ধতি।

উদাহরণ:

import React, { useState } from 'react';
import { View, Text, Button } from 'react-native';

export default function App() {
  const [count, setCount] = useState(0);

  const increment = () => {
    setCount(count + 1);
    console.log("Current Count:", count);  // Debugging with console.log
  };

  return (
    <View>
      <Text>Count: {count}</Text>
      <Button title="Increment" onPress={increment} />
    </View>
  );
}

• এখানে, console.log("Current Count:", count); ব্যবহার করা হয়েছে যা প্রতি বার বাটনে ক্লিক করার পর count ভ্যালু আউটপুট করবে। আপনি console.log() থেকে যে কোনো ডেটা দেখতে পারবেন আপনার Expo Developer Tools অথবা console উইন্ডোতে।

২. Expo Developer Tools (Web-based)

Expo CLI আপনাকে একটি web-based Developer Tools সরবরাহ করে যা আপনাকে রিয়েল-টাইম অ্যাপ্লিকেশন ডেভেলপমেন্ট দেখানোর পাশাপাশি ত্রুটি ট্র্যাকিং, কোড চেক করা এবং আরো অনেক কিছু করতে সাহায্য করে।

• যখন আপনি expo start কমান্ড রান করবেন, তখন Expo CLI একটি URL দেখাবে (যেমন http://localhost:19002), যা আপনার ব্রাউজারে Expo Developer Tools খুলে দেবে।
• আপনি এখানে আপনার অ্যাপের logs দেখতে পারবেন, এবং সব ত্রুটি এবং ডিপ্রিকেটেড API ব্যবহার চিহ্নিত করতে পারবেন।

৩. React Native Debugger

Expo CLI সাধারণত React Native Debugger ব্যবহার করতে সহায়তা করে। এটি একটি শক্তিশালী টুল যা স্টেট, প্রপস, নেটওয়ার্ক কল এবং অন্যান্য ডেভেলপমেন্ট তথ্য দেখাতে সাহায্য করে।

• React Native Debugger ইনস্টল করতে:

  brew update && brew install --cask react-native-debugger

• এরপর Expo প্রকল্পে ডিবাগিং চালু করতে, আপনি expo start চালানোর পর Ctrl + M (অথবা Mac এ Cmd + D) চাপতে পারেন এবং “Debug Remote JS” অপশন নির্বাচন করতে পারেন।

৪. Remote Debugging

Expo CLI রিমোট জাভাস্ক্রিপ্ট ডিবাগিং সাপোর্ট করে। আপনি যদি expo start চালান, আপনি "Debug Remote JS" অপশনটি ব্যবহার করে Chrome ডেভেলপার টুলসের মাধ্যমে আপনার কোড ডিবাগ করতে পারেন।

• এই পদ্ধতিতে আপনি আপনার কোডের JavaScript এক্সিকিউশন সঠিকভাবে ট্র্যাক করতে পারবেন। এটি মূলত console.log এর মাধ্যমে স্টেটমেন্ট এবং ত্রুটির আরও গভীরে যাওয়ার সুযোগ দেয়।

Expo CLI তে Logging

Expo CLI তে লগিং করার জন্য কিছু গুরুত্বপূর্ণ ফিচার রয়েছে, যা আপনার অ্যাপ ডেভেলপমেন্টে সমস্যাগুলি দ্রুত চিহ্নিত করতে সহায়ক হতে পারে।

১. console.log()

যেমন আগে উল্লেখ করা হয়েছে, console.log() হল সবচেয়ে মৌলিক এবং জনপ্রিয় লগিং পদ্ধতি যা ডেভেলপারদের জন্য খুবই কার্যকর।

• আপনি console.log() এর মাধ্যমে যেকোনো স্টেট, প্রপস বা অবজেক্ট এর ভ্যালু দেখতে পারেন, এবং এটা ত্রুটি চিহ্নিতকরণে সহায়তা করে।

২. console.warn()

আপনি console.warn() ব্যবহার করে সাবধানতা বা warning বার্তা দেখতে পারেন।

উদাহরণ:

console.warn("This is a warning message.");

• এটি আপনার কোডে সম্ভাব্য ইস্যু বা অযাচিত আচরণ সম্পর্কে সতর্ক করবে, কিন্তু অ্যাপের কাজ চালু রাখবে।

৩. console.error()

ত্রুটি বা error দেখানোর জন্য আপনি console.error() ব্যবহার করতে পারেন।

উদাহরণ:

console.error("This is an error message.");

• console.error() ব্যবহার করার মাধ্যমে আপনি আপনার কোডের বাস্তব ত্রুটির স্থান চিহ্নিত করতে পারেন এবং সেই অনুযায়ী সমস্যা সমাধান করতে পারেন।

৪. Logging in Production

প্রোডাকশনে সাধারণত console.log() ব্যবহার করা উচিত নয়, কারণ এটি ব্যবহারকারীর ডিভাইসে প্রয়োজনীয় তথ্য প্রকাশ করতে পারে। আপনি প্রোডাকশনে লগ মেসেজগুলো disable বা remove করে ফেলা উচিত।

Expo অ্যাপের প্রোডাকশন বিল্ডে লগিং সক্ষম করতে console.disableYellowBox ব্যবহার করা যেতে পারে।

উদাহরণ:

console.disableYellowBox = true;

এটি YellowBox (পূর্ববর্তী React Native warnings) নিষ্ক্রিয় করবে।

Expo CLI তে Debugging এবং Logging এর সারাংশ:

1. console.log(), console.warn(), এবং console.error() হল Expo CLI তে ডিবাগিং এবং লগিং এর সবচেয়ে সাধারণ পদ্ধতি।
2. Expo Developer Tools আপনাকে রিয়েল-টাইম লগ দেখতে সহায়তা করে।
3. React Native Debugger ও Remote Debugging অপশনটি আপনাকে আরও উন্নত ডিবাগিং সমর্থন প্রদান করে।
4. প্রোডাকশন পর্যায়ে log মেসেজগুলোকে নিষ্ক্রিয় বা সরিয়ে ফেলতে হবে যাতে কোন সংবেদনশীল তথ্য প্রকাশিত না হয়।

এই টুলস এবং পদ্ধতিগুলি আপনাকে Expo CLI তে সহজে এবং দ্রুত ডিবাগging এবং লগিং করতে সাহায্য করবে।